<template>
    <div class="good-introduction">
        <p class="good-introduction-title">商品详情</p>
        <van-image v-for="item in goodIntroductionImages" :key="item.picName"
                   width="100%" height="100%"
                   lazy-load :src="item.picSrc"/>
    </div>
</template>

<script>
    export default {
        name: "goodIntroduction",
        props: {
            goodIntroductionImages: {type: Array, default: () => {}},       // 商品详情图片数组
        }
    }
</script>

<style lang="less" scoped>
    /* 商品图文详情 */
    .good-introduction {
        padding-bottom: 120px;
        .good-introduction-title {
            margin: 0 auto;
            width: 700px;
            height: 74px;
            font-size: 32px;
            font-weight: 500;
            color: #000000;
            line-height: 74px;
            opacity: 0.9;
        }
    }
</style>
